<template>
    <div class="page-container">
        <!-- 缩放容器：承载所有内容，基于原9600*2240分辨率 -->
        <div class="scale-container">
            <!-- 顶部标题 -->
            <div class="headTitle">进出口认证领域数字沙盘</div>
            <div class="headButton" @click="backHome"></div>
            <div class="left1" @click="goToService('safe')"></div>
            <div class="right1" @click="goToService('discharge')"></div>
            <!-- 左边内容 -->
            <div class="left">
                <div class="box">
                    <div class="headImg"></div>
                    <div class="title">进出口认证领域</div>
                    <div class="content">
                        <div class="contentTitle">
                            <p><span style="font-family: '微软雅黑粗体';color: #59ceff;">整车及零部件出口认证：</span><span
                                    style="margin-left: 40px;">依据欧盟、GSO、澳大利亚、美标、韩国等测试法规，具备整车出口认证及汽车零部件出口认证能力；效率高，依靠中汽中心全价值链国际化服务平台优势</span>
                            </p>

                        </div>
                    </div>
                </div>
                <div class="box2">
                    <div class="content1">
                        <div class="title">依托中汽中心全价值链国际化服务平台，为企业提供一站式服务</div>
                    </div>
                    <div class="content2">
                        <div class="title">欧盟准入标准</div>
                        <div class="title2">澳大利亚联邦基础设施及地区发展部车辆安全标准（ADR）</div>
                        <div class="title3">欧亚经济联盟对于轮式车辆安全性的技术法规(TP TC)</div>
                        <div class="title4">服务案例</div>
                        <div class="title5">欧盟准入标准</div>
                        <div class="title6">海湾标准化组织（GSO）</div>
                    </div>
                    <div class="content3">
                        <div class="title">吉利集团</div>
                        <div class="img"></div>
                        <div class="content3-1">
                            <div class="title">旗下品牌：吉利品牌、SMART品牌、极星品牌、雷达品牌</div>
                            <div class="title">多个车型出口认证测试</div>
                            <div class="title">测试项目：传统测试性能及GSR2.0新法规测试。澳大利亚法规测试及报告出具</div>
                        </div>
                    </div>
                    <div class="content4">
                        <div class="title">上汽集团</div>
                        <div class="img"></div>
                        <div class="content3-1">
                            <div class="title">旗下品牌：智己、荣威、名爵、飞凡等</div>
                            <div class="title">多个车型出口认证测试</div>
                            <div class="title">测试项目：制动、ABS、ESC等传统性能以及自动紧急制动、倒车预警、紧急车道保持、智驾、碰撞、排放等</div>
                        </div>
                    </div>
                    <div class="content5">
                        <div class="img"></div>
                    </div>
                    <div class="content6">
                        <div class="title">商用车领域</div>
                        <div class="content3-1">
                            <div class="title">旗下品牌：吉利品牌、SMART品牌、极星品牌、雷达品牌</div>
                            <div class="title">多个车型出口认证测试</div>
                            <div class="title">测试项目：传统测试性能及GSR
                                2.0新法规测试。澳大利亚法规测试及报告出具</div>
                        </div>
                    </div>
                    <div class="content7">
                        <div class="img"></div>
                        <div class="title">浙江零跑</div>
                        <div class="content3-1">
                            <div class="title">开展多款车型的WVTA项目 GSR2.0新法规测试：制动、ABS、ESC </div>
                            <div class="title">等传统性能以及自动紧急制动、倒车预警、紧急车道保持等</div>
                        </div>
                    </div>
                    <div class="content8">
                        <div class="img"></div>
                        <div class="title">奇瑞新能源</div>
                        <div class="content3-1">
                            <div class="title">进行S56、S61、S81等车型</div>
                            <div class="title">GSR2.0新法规测试：制动、ABS、ESC等传统性能以及自动紧急制动、倒车预警、紧急车道保持等</div>
                        </div>
                    </div>
                </div>
                <div class="box3">
                    <div class="content">
                        <div class="title"><span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">进口机动车：</span>具有进口机动车安全项目检测、下线检测、单车认证、进口摩托车检测、非量产核查（十抽二）和守诺核查（十抽一）等能力
                        </div>
                    </div>
                    <div class="content2">
                        <div class="leftbox">
                            <div class="content2-1">
                                <div class="text">进口整车安全项目检测</div>
                                <div class="img1"></div>
                                <div class="content2-2">
                                    <div class="img2">
                                        <div class="title">检测线全貌</div>
                                    </div>
                                    <div class="img3">
                                        <div class="title">灯光性能检测</div>
                                    </div>
                                    <div class="img4">
                                        <div class="title">制动性能检测</div>
                                    </div>
                                </div>
                            </div>
                            <div class="content2-1">
                                <div class="text">十抽二、 十抽一、 单车认证</div>
                                <div class="img1"></div>
                                <div class="content2-2">
                                    <div class="img5">
                                        <div class="title">产品一致性核查</div>
                                    </div>
                                    <div class="img6">
                                        <div class="title">侧倾稳定性测试</div>
                                    </div>
                                    <div class="img7">
                                        <div class="title">排放试验</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="rightbox">
                            <div class="content2-1">
                                <div class="text">下线检测</div>
                                <div class="img1"></div>
                                <div class="content2-2">
                                    <div class="img">
                                        <div class="title">OBD诊断软硬件</div>
                                    </div>
                                    <div class="img2">
                                        <div class="title">污染控制装置检查</div>
                                    </div>
                                </div>
                            </div>
                            <div class="content2-1">
                                <div class="text">进口摩托车过线检测</div>
                                <div class="img1"></div>
                                <div class="content2-2">
                                    <div class="img3">
                                        <div class="title">摩托车移动式检测线</div>
                                    </div>
                                    <div class="img4">
                                        <div class="title">摩托车过线检测</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 中间内容 -->
            <div class="middle">
                <div class="box">
                    <div class="headImg"></div>
                    <div class="title">出口认证领域依靠中汽中心在海外的布局</div>
                    <div class="content">
                        <div class="text1"><span style="color: #74BBFF;  font-size: 60px;">4</span> 子公司/代表处+<span
                                style="color: #74BBFF;font-size: 60px;">8</span> 区域型式认证及研发测试能力:覆盖世界汽车产业重点区域</div>
                        <div class="text2"><span style="color: #74BBFF;font-size: 60px;">4</span>
                            subsidiaries/representative offices + <span style="color: #74BBFF;font-size: 60px;">8
                            </span> regional VTA/ R&D val</div>
                    </div>
                </div>
                <div class="box2">
                    <div class="box2-1">
                        <div class="text1">俄罗斯Russia</div>
                        <div class="text2">置盖GOST测试能力(GLONASS)，NAMI试验室认可，俄标解读 Russia Coverage Of Cost Testing
                            Capabilities (Glonass), Nami Laboratory Accreditation, Interpretation of Russian Standards
                        </div>
                    </div>
                    <div class="box2-2">
                        <div class="text1">中国汽车标准国际化中心（日内瓦） China Automotive Standards Internationalization Center
                            (Geneva)</div>
                    </div>
                    <div class="box2-3">
                        <div class="text1">中汽研欧洲检测认证有限责任公司 CATARC Europe Testing and Certification GmbH</div>
                    </div>
                    <div class="box2-4">
                        <div class="text1">欧洲Europe</div>
                        <div class="text2">Euro-NCAP测试资质覆盖全项ECE/EU测试能力国标欧标测试认证同步进行Comprehensive ECE/EU Testing
                            Capabilities, Coverage, Simultaneous Testing and Certification for National and European
                            Standards.</div>
                    </div>
                    <div class="box2-5">
                        <div class="text1">南非South Africa</div>
                        <div class="text2">南非NRCS(南非国家强制性认证管理局)认证 认可天检的ECE检测数据 South Africa Certification By South
                            African NRCS (National Regulator for Compulsory Specifications) Recognition of ECE Testing
                            Data from Catarc Auto Vehicle Test Center (Tianjin).</div>
                    </div>
                    <div class="box2-6">
                        <div class="text1">海湾Gulf</div>
                        <div class="text2">GCC认证覆盖全项GSO标准测试施力GCC Certification Comprehensive Testing Capabilities
                            Covering all GSO Standards</div>
                    </div>
                    <div class="box2-7">
                        <div class="text1">印度India</div>
                        <div class="text2">设立中国东盟汽车标准法规研究中心
                            与ICAT签署框架协议
                            覆盖AIS、IS标准测试能力
                            Sign a Framework Agreement With ICAT
                            Testing Capabilities Covering AIS and ECE Standards</div>
                    </div>
                    <div class="box2-8">
                        <div class="text1">印度尼西亚 Indonesia</div>
                        <div class="text2">设立中国东盟汽车标准法规研究中心 设立印度尼西亚办公室 China-ASEAN Automotive Standards and Regulations,
                            Research Center Indonesia.</div>
                    </div>
                    <div class="box2-9">
                        <div class="text1">澳大利亚Australia</div>
                        <div class="text2">澳大利亚VSS(车辆安全标准处)试验室认可Accreditation by the Australian VSS (Vehicle Safety
                            Standards) Laboratory</div>
                    </div>
                    <div class="box2-10">
                        <div class="text1">东南亚代表处 Representative Office (Southeast Asia)</div>
                        <div class="text2">ASEAN NCAP测试资质，马来西亚MARII(马来西亚汽车、机器人与物联网研究所)，泰国TAI(泰国汽车研究院)合作方 ASEAN NCAP
                            Testing Qualification; Coperation with Malaysia MARii (Malaysia Automotive, Robotics and IoT
                            Institute) and Thailand TAI (Thailand Automotive Institute)</div>
                    </div>
                    <div class="box2-11">
                        <div class="text1">马来西亚 Malaysia</div>
                        <div class="text2">马来西亚办公室 Malaysia Office</div>
                    </div>
                    <div class="box2-12">
                        <div class="text1">日本代表处 Representative Office (Japan)</div>
                        <div class="text2">CCC认证咨询代理 CCC Certification Consulting Agency</div>
                    </div>
                    <div class="box2-13">
                        <div class="text1">美国U.S.</div>
                        <div class="text2">DOT/EPA认证 覆盖FMVSS/EPA/CARB测试能力 与NHTSA、AMECA、EPA合作A2LA实验室认可DOT/EPA
                            Certification Comprehensive Testing Capabilities Covering FMVSS, EPA, CARB Collaboration
                            with NHTSA, AMECA, and EPA, A2LA Laboratory Accreditation.</div>
                    </div>
                    <div class="box2-14">
                        <div class="text1">巴西Brazil</div>
                        <div class="text2">INMETRO认证 SGS儿童座椅认证INMETRO Certification SGS Child Seat Certification</div>
                    </div>
                </div>
            </div>
            <!-- 右边内容 -->
            <div class="right">
                <div class="box">
                    <div class="headImg"></div>
                    <div class="title">出口认证领域优势</div>
                </div>
                <div class="box2">
                    <div class="content1">
                        <div class="content1-1">
                            <div class="imgcontent">
                                <div ref="lottieRef" class="img1"></div>
                                <div class="img2"></div>
                                <div class="img3"></div>
                            </div>
                            <div class="textcontent">
                                <div class="img1"></div>
                                <div class="title">与莱茵、南德、IDIADA等多个国际主流的认证公司<span
                                        style="font-family: '微软雅黑粗体';color: #59ceff;">合作紧密</span></div>
                            </div>
                        </div>
                        <div class="content1-2">
                            <div class="imgcontent">
                                <div ref="lottieRef2" class="img1"></div>
                                <div class="img4"></div>
                                <div class="img3"></div>
                            </div>
                            <div class="textcontent">
                                <div class="img1"></div>
                                <div class="title" style="margin-right: 40px;">现有<span
                                        style="font-family: '微软雅黑粗体';color: #59ceff;">大量目击工程师</span>派驻到我司</div>
                                <div class="img1"></div>
                                <div class="title">能够进行<span style="font-family: '微软雅黑粗体';color: #59ceff;">集中排期</span>
                                </div>
                                <div class="img1" style="margin-left: 10px;"></div>
                                <div class="title">保障试验及报告出具的<span
                                        style="font-family: '微软雅黑粗体';color: #59ceff;">时效性</span></div>
                            </div>
                        </div>
                        <div class="content1-3">
                            <div class="imgcontent">
                                <div ref="lottieRef3" class="img1"></div>
                                <div class="img5"></div>
                                <div class="img3"></div>
                            </div>
                            <div class="textcontent">
                                <div class="img1"></div>
                                <div class="title">各认证机构标准解读的<span
                                        style="font-family: '微软雅黑粗体';color: #59ceff;">颗粒度不同</span></div>
                                <div class="img1"></div>
                                <div class="title">我司具备丰富的项目合作经验，与各认证机构保持<span
                                        style="font-family: '微软雅黑粗体';color: #59ceff;">精准同步</span></div>
                            </div>
                        </div>
                    </div>
                    <div class="content2">
                        <div class="img1"></div>
                        <div class="img2"></div>
                        <div class="img3"></div>
                        <div class="img4"></div>
                    </div>
                </div>
                <div class="box">
                    <div class="headImg"></div>
                    <div class="title">出口认证领域</div>
                    <div class="content">
                        <div class="contentTitle">
                            <p>宁波检验中心<span style="font-family: '微软雅黑粗体';color: #59ceff;">出口认证</span>业务是<span
                                    style="font-family: '微软雅黑粗体';color: #59ceff;">中汽中心全价值链国际化</span>业务
                                <span style="font-family: '微软雅黑粗体';color: #59ceff;">服务图谱</span>的重要组成部分。
                            </p>
                        </div>
                    </div>
                </div>
                <div class="box4">
                    <div class="content1">
                        <div class="btn1">出海规划</div>
                        <div class="btn2">立项支持</div>
                        <div class="btn3">产品研发</div>
                        <div class="btn4">产品验证</div>
                        <div class="btn5">检测认证</div>
                        <div class="btn6">企业合规</div>
                        <div class="btn7">国际合作</div>
                    </div>
                    <div class="content2">
                        <div class="content1-1">
                            <div class="text1">国际标准法规协调与海外标准法规解读</div>
                            <div class="text2">汽车产业政策行业智库</div>
                            <div class="text3">海外投资可行性研究与风险评估</div>
                        </div>
                        <div class="content1-2">
                            <div class="text1">全球测评规程解读培训</div>
                            <div class="text2">海外市场数据库及市场调硏</div>
                            <div class="text3">海外工厂设计与数字化建设</div>
                        </div>
                        <div class="content1-3">
                            <div class="text1">高端汽车工程技术开发</div>
                            <div class="text2">海外场景库搭建</div>
                        </div>
                        <div class="content1-4">
                            <div class="text1">产品虚实验证</div>
                            <div class="text2">海外适应性试验</div>
                            <div class="text3">法规检测服务</div>
                            <div class="text4">认证服务</div>
                            <div class="content1-4-1">
                                <div class="text1">研发验证、检测工具国产替代</div>
                                <div class="text2">软件工具</div>
                                <div class="text3">硬件工具</div>
                            </div>
                        </div>
                        <div class="content1-5">
                            <div class="text1">ESG合规与碳管理</div>
                            <div class="text2">信息安全</div>
                            <div class="text3">知识产权预警</div>
                            <div class="text4">产品一致性管理服务</div>
                        </div>
                        <div class="content1-6">
                            <div class="text1">中国汽车企业国际化发展创新联盟</div>
                            <div class="text2">联合国十年安全科普公益</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script setup>
import { ref, onMounted } from 'vue';
import lottie from 'lottie-web';
//路由
import { useRouter } from 'vue-router'
const router = useRouter()
//跳转路由
const backHome = () => {
    router.push({ name: 'ningbo' })
}
//跳转路由
const goToService = (item) => {
    router.push({ name: item })
}
// 响应式数据
const lottieRef = ref(null);
let animationInstance = null;
const lottieRef2 = ref(null);
const lottieRef3 = ref(null);
// 初始化 Lottie 动画
const initLottieAnimation = () => {
    if (lottieRef.value) {
        animationInstance = lottie.loadAnimation({
            container: lottieRef.value,
            path: '/animations/certification.json',
            loop: true,
            autoplay: true,
        });
    }
    if (lottieRef2.value) {
        animationInstance = lottie.loadAnimation({
            container: lottieRef2.value,
            path: '/animations/certification.json',
            loop: true,
            autoplay: true,
        });
    }
    if (lottieRef3.value) {
        animationInstance = lottie.loadAnimation({
            container: lottieRef3.value,
            path: '/animations/certification.json',
            loop: true,
            autoplay: true,
        });
    }
};
onMounted(() => {
    initLottieAnimation();
})

</script>
<style scoped>
/* 可视区域容器：固定为目标分辨率6240*1456 */
.page-container {
    width: 6240px;
    /* 新目标宽度 */
    height: 1456px;
    /* 新目标高度 */
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

/* 原始设计稿容器：基于9600*2240，通过缩放适配新分辨率 */
.scale-container {
    width: 9600px;
    /* 原始宽度不变 */
    height: 2240px;
    /* 原始高度不变 */
    transform: scale(0.65);
    /* 新缩放比：6240/9600=0.65，1456/2240=0.65（宽高比完全一致） */
    transform-origin: 0 0;
    /* 保持左上角为缩放原点，避免位置偏移 */
    position: relative;
}

.headTitle {
    text-align: center;
    position: relative;
    top: -24px;
    font-size: 130px;
    /* left: 40.5%; */
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    background: linear-gradient(0deg, rgba(0, 216, 255, 0.66) 10%, rgba(255, 255, 255, 1) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.left1 {
    z-index: 999;
    cursor: pointer;
    top: 45%;
    left: 10px;
    position: absolute;
    width: 94px;
    height: 258px;
    background-image: url("/imgs/home/left1.png");
    background-position: left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.right1 {
    z-index: 999;
    cursor: pointer;
    position: absolute;
    top: 45%;
    right: 10px;
    width: 94px;
    height: 258px;
    background-image: url("/imgs/home/right1.png");
    background-position: left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.headButton {
    cursor: pointer;
    display: flex;
    float: inline-end;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 78px;
    height: 78px;
    background-image: url("/imgs/ningbo/cancel.png");
    background-position: left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.left {
    display: flex;
    flex-direction: column;
    width: 3014px;
    justify-content: space-between;
    align-content: center;
    gap: 230px;

    .box {
        margin-left: 73px;
        display: flex;
        width: 1372px;
        height: 168px;
        background-image: url("/imgs/ningbo/t(1).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .headImg {
            margin-left: 220px;
            margin-top: 41px;
            width: 53px;
            height: 58px;
            background-image: url("/imgs/ningbo/菱形 拷贝.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .title {
            margin-left: 30px;
            margin-top: 22px;
            height: 49px;
            font-family: "微软雅黑粗体";
            font-weight: 400;
            font-size: 57px;
            color: #FFFFFF;
        }

        .content {
            position: absolute;
            top: 367px;
            left: 160px;
            width: 2990px;
            height: 234px;
            display: flex;
            align-items: center;
            background-image: url("/imgs/ningbo/certification/矩形 933 拷贝 3(2).png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                width: 300px;
                margin-left: 200px;
                font-family: "微软雅黑粗体";
                font-size: 44px;
                color: #FFFFFF;
                line-height: 44px;
                background: linear-gradient(0deg, rgba(46, 131, 183, 0.66) 10%, rgba(255, 255, 255, 1) 70%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .contentTitle {
                padding: 80px;
                font-family: "微软雅黑常规";
                font-size: 38px;
                color: #FFFFFF;
            }
        }
    }

    .box2 {
        margin-left: 200px;
        display: flex;
        width: 2925px;
        gap: 20px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;

        .content1 {
            display: flex;
            align-items: center;
            padding: 30px;
            width: 559px;
            height: 228px;
            background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 2.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                font-family: "微软雅黑粗体";
                font-size: 42px;
                color: #74BBFF;
            }
        }

        .content2 {
            display: flex;
            flex-direction: column;
            width: 787px;
            height: 317px;
            background-image: url("/imgs/ningbo/certification/组 7814.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                position: relative;
                top: 10px;
                left: 230px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 19px;
                color: #FFFFFF;
            }

            .title2 {
                position: relative;
                top: 33px;
                left: 40px;
                width: 250px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 19px;
                color: #FFFFFF;
            }

            .title3 {
                position: relative;
                top: 37px;
                left: 171px;
                width: 250px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 19px;
                color: #FFFFFF;
            }

            .title4 {
                position: relative;
                top: -15px;
                left: 601px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 19px;
                color: #FFFFFF;
            }

            .title5 {
                position: relative;
                top: 30px;
                left: 101px;
                width: 250px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 19px;
                color: #FFFFFF;
            }

            .title6 {
                position: relative;
                top: 60px;
                left: 201px;
                width: 250px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 19px;
                color: #FFFFFF;
            }
        }

        .content3 {
            position: relative;
            left: 50px;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            width: 665px;
            height: 363px;
            background-image: url("/imgs/ningbo/certification/矩形 937 拷贝.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 39px;
                color: #FFFFFF;
            }

            .img {
                width: 606px;
                height: 71px;
                background-image: url("/imgs/ningbo/certification/图片1.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            /* 圆点伪元素 */
            .content3-1 div::before {
                content: "";
                /* 空内容，通过样式生成圆点 */
                position: absolute;
                left: 0;
                top: 12px;
                /* 垂直居中调整 */
                width: 8px;
                height: 8px;
                border-radius: 50%;
                /* 圆形 */
                background-color: #fff;
                /* 圆点颜色 */
            }

            .content3-1 {
                .title {
                    position: relative;
                    /* 为伪元素定位做准备 */
                    color: #e0e0e0;
                    padding-left: 20px;
                    width: 537px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 22px;
                    color: #FFFFFF;

                    .dot {
                        width: 8px;
                        height: 8px;
                        background: #FFFFFF;
                        border-radius: 50%;
                    }
                }
            }
        }

        .content4 {
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
            align-items: center;
            width: 665px;
            height: 363px;
            background-image: url("/imgs/ningbo/certification/矩形 937 拷贝.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 39px;
                color: #FFFFFF;
            }

            .img {
                width: 606px;
                height: 71px;
                background-image: url("/imgs/ningbo/certification/图片1.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            /* 圆点伪元素 */
            .content3-1 div::before {
                content: "";
                /* 空内容，通过样式生成圆点 */
                position: absolute;
                left: 0;
                top: 12px;
                /* 垂直居中调整 */
                width: 8px;
                height: 8px;
                border-radius: 50%;
                /* 圆形 */
                background-color: #fff;
                /* 圆点颜色 */
            }

            .content3-1 {
                .title {
                    position: relative;
                    /* 为伪元素定位做准备 */
                    color: #e0e0e0;
                    padding-left: 20px;
                    width: 537px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 22px;
                    color: #FFFFFF;

                    .dot {
                        width: 8px;
                        height: 8px;
                        background: #FFFFFF;
                        border-radius: 50%;
                    }
                }
            }
        }

        .content5 {
            display: flex;
            flex-direction: column;
            height: 360px;

            .img {
                width: 560px;
                height: 424px;
                background-image: url("/imgs/ningbo/certification/组 7789.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
        }

        .content6 {
            justify-content: space-between;
            align-items: center;
            display: flex;
            flex-direction: column;
            width: 963px;
            height: 360px;
            background-image: url("/imgs/ningbo/certification/组 7788 拷贝 4.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 39px;
                color: #FFFFFF;
            }

            .img {
                width: 606px;
                height: 71px;
                background-image: url("/imgs/ningbo/certification/图片1.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            /* 圆点伪元素 */
            .content3-1 div::before {
                content: "";
                /* 空内容，通过样式生成圆点 */
                position: absolute;
                left: 0;
                top: 12px;
                /* 垂直居中调整 */
                width: 8px;
                height: 8px;
                border-radius: 50%;
                /* 圆形 */
                background-color: #fff;
                /* 圆点颜色 */
            }

            .content3-1 {
                transform: translateY(-50%);

                .title {
                    position: relative;
                    /* 为伪元素定位做准备 */
                    color: #e0e0e0;
                    padding-left: 20px;
                    width: 823px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 22px;
                    color: #FFFFFF;

                    .dot {
                        width: 8px;
                        height: 8px;
                        background: #FFFFFF;
                        border-radius: 50%;
                    }

                }
            }
        }

        .content7 {
            gap: 0 20px;
            justify-content: center;
            align-items: center;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 665px;
            height: 360px;
            background-image: url("/imgs/ningbo/certification/矩形 937 拷贝.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 39px;
                color: #FFFFFF;
            }

            .img {
                width: 142px;
                height: 71px;
                background-image: url("/imgs/ningbo/certification/图层 555.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            /* 圆点伪元素 */
            .content3-1 div::before {
                content: "";
                /* 空内容，通过样式生成圆点 */
                position: absolute;
                left: 0;
                top: 12px;
                /* 垂直居中调整 */
                width: 8px;
                height: 8px;
                border-radius: 50%;
                /* 圆形 */
                background-color: #fff;
                /* 圆点颜色 */
            }

            .content3-1 {
                transform: translateY(10%);

                .title {
                    position: relative;
                    /* 为伪元素定位做准备 */
                    color: #e0e0e0;
                    padding-left: 20px;
                    width: 547px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 22px;
                    color: #FFFFFF;

                    .dot {
                        width: 8px;
                        height: 8px;
                        background: #FFFFFF;
                        border-radius: 50%;
                    }

                }
            }
        }

        .content8 {
            gap: 0 20px;
            justify-content: center;
            align-items: center;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 665px;
            height: 360px;
            background-image: url("/imgs/ningbo/certification/矩形 937 拷贝.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 39px;
                color: #FFFFFF;
            }

            .img {
                width: 142px;
                height: 71px;
                background-image: url("/imgs/ningbo/certification/图层 555.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            /* 圆点伪元素 */
            .content3-1 div::before {
                content: "";
                /* 空内容，通过样式生成圆点 */
                position: absolute;
                left: 0;
                top: 12px;
                /* 垂直居中调整 */
                width: 8px;
                height: 8px;
                border-radius: 50%;
                /* 圆形 */
                background-color: #fff;
                /* 圆点颜色 */
            }

            .content3-1 {
                transform: translateY(2%);

                .title {
                    position: relative;
                    /* 为伪元素定位做准备 */
                    color: #e0e0e0;
                    padding-left: 20px;
                    width: 547px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 22px;
                    color: #FFFFFF;

                    .dot {
                        width: 8px;
                        height: 8px;
                        background: #FFFFFF;
                        border-radius: 50%;
                    }

                }
            }
        }
    }

    .box3 {
        gap: 10px;
        margin-left: 178px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        position: relative;
        top: -222px;

        .content {
            display: flex;
            align-items: center;
            padding: 80px;
            width: 2970px;
            height: 170px;
            background-image: url("/imgs/ningbo/certification/矩形 933 拷贝 3.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                font-family: "微软雅黑常规";
                font-size: 42px;
                color: #FFFFFF;
            }
        }

        .content2 {
            margin-left: 20px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;

            .leftbox {
                width: 1740px;
                gap: 20px;
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;

                .content2-1 {
                    display: flex;

                    .text {
                        text-align: center;
                        padding: 30px;
                        font-family: "微软雅黑粗体";
                        font-size: 28px;
                        color: #FFFFFF;
                        display: flex;
                        justify-content: center;
                        align-content: center;
                        align-self: center;
                        width: 178px;
                        height: 176px;
                        background-image: url("/imgs/ningbo/certification/矩形 780.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

                    .img1 {
                        position: relative;
                        top: 50%;
                        z-index: -9999;
                        width: 1500px;
                        height: 5px;
                        background-image: url("/imgs/ningbo/certification/矩形 784.png");
                        background-position: left;
                        background-size: 100% 100%;
                    }

                    .content2-2 {
                        display: flex;

                        .img2 {
                            align-items: center;
                            display: flex;
                            transform: translateX(-326%);
                            width: 440px;
                            height: 276px;
                            background-image: url("/imgs/ningbo/certification/组 7815.png");
                            background-position: left;
                            background-size: 100% 100%;

                            .title {
                                margin-left: 8px;
                                writing-mode: vertical-rl;
                                font-family: "微软雅黑常规";
                                font-weight: 400;
                                font-size: 28px;
                                color: #FFFFFF;
                            }
                        }

                        .img3 {
                            align-items: center;
                            display: flex;
                            transform: translateX(-313%);
                            width: 440px;
                            height: 276px;
                            background-image: url("/imgs/ningbo/certification/图片10.png");
                            background-position: left;
                            background-size: 100% 100%;

                            .title {
                                margin-left: 8px;
                                writing-mode: vertical-rl;
                                font-family: "微软雅黑常规";
                                font-weight: 400;
                                font-size: 28px;
                                color: #FFFFFF;
                            }
                        }

                        .img4 {
                            align-items: center;
                            display: flex;
                            transform: translateX(-299%);
                            width: 440px;
                            height: 276px;
                            background-image: url("/imgs/ningbo/certification/图片11.png");
                            background-position: left;
                            background-size: 100% 100%;

                            .title {
                                margin-left: 8px;
                                writing-mode: vertical-rl;
                                font-family: "微软雅黑常规";
                                font-weight: 400;
                                font-size: 28px;
                                color: #FFFFFF;
                            }
                        }

                        .img5 {
                            align-items: center;
                            display: flex;
                            transform: translateX(-326%);
                            width: 440px;
                            height: 276px;
                            background-image: url("/imgs/ningbo/certification/图层 851.png");
                            background-position: left;
                            background-size: 100% 100%;

                            .title {
                                margin-left: 8px;
                                writing-mode: vertical-rl;
                                font-family: "微软雅黑常规";
                                font-weight: 400;
                                font-size: 28px;
                                color: #FFFFFF;
                            }
                        }

                        .img6 {
                            align-items: center;
                            display: flex;
                            transform: translateX(-313%);
                            width: 440px;
                            height: 276px;
                            background-image: url("/imgs/ningbo/certification/图片15.png");
                            background-position: left;
                            background-size: 100% 100%;

                            .title {
                                margin-left: 8px;
                                writing-mode: vertical-rl;
                                font-family: "微软雅黑常规";
                                font-weight: 400;
                                font-size: 28px;
                                color: #FFFFFF;
                            }
                        }

                        .img7 {
                            align-items: center;
                            display: flex;
                            transform: translateX(-299%);
                            width: 440px;
                            height: 276px;
                            background-image: url("/imgs/ningbo/certification/图片16.png");
                            background-position: left;
                            background-size: 100% 100%;

                            .title {
                                margin-left: 8px;
                                writing-mode: vertical-rl;
                                font-family: "微软雅黑常规";
                                font-weight: 400;
                                font-size: 28px;
                                color: #FFFFFF;
                            }
                        }
                    }
                }
            }

            .rightbox {

                gap: 20px;
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;

                .content2-1 {
                    display: flex;

                    .text {
                        text-align: center;
                        padding: 20px;
                        font-family: "微软雅黑粗体";
                        font-size: 28px;
                        color: #FFFFFF;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        align-content: center;
                        align-self: center;
                        width: 198px;
                        height: 176px;
                        background-image: url("/imgs/ningbo/certification/矩形 780.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

                    .img1 {
                        position: relative;
                        top: 50%;
                        z-index: -9999;
                        width: 900px;
                        height: 5px;
                        background-image: url("/imgs/ningbo/certification/矩形 784.png");
                        background-position: left;
                        background-size: 100% 100%;
                    }

                    .content2-2 {
                        display: flex;

                        .img {
                            align-items: center;
                            display: flex;
                            transform: translateX(-192%);
                            width: 440px;
                            height: 276px;
                            background-image: url("/imgs/ningbo/certification/图片12.png");
                            background-position: left;
                            background-size: 100% 100%;

                            .title {
                                margin-left: 8px;
                                writing-mode: vertical-rl;
                                font-family: "微软雅黑常规";
                                font-weight: 400;
                                font-size: 28px;
                                color: #FFFFFF;
                            }
                        }

                        .img2 {
                            align-items: center;
                            display: flex;
                            transform: translateX(-180%);
                            width: 440px;
                            height: 276px;
                            background-image: url("/imgs/ningbo/certification/图片13.png");
                            background-position: left;
                            background-size: 100% 100%;

                            .title {
                                margin-left: 8px;
                                writing-mode: vertical-rl;
                                font-family: "微软雅黑常规";
                                font-weight: 400;
                                font-size: 28px;
                                color: #FFFFFF;
                            }
                        }

                        .img3 {
                            align-items: center;
                            display: flex;
                            transform: translateX(-192%);
                            width: 440px;
                            height: 276px;
                            background-image: url("/imgs/ningbo/certification/图片17.png");
                            background-position: left;
                            background-size: 100% 100%;

                            .title {
                                margin-left: 8px;
                                writing-mode: vertical-rl;
                                font-family: "微软雅黑常规";
                                font-weight: 400;
                                font-size: 28px;
                                color: #FFFFFF;
                            }
                        }

                        .img4 {
                            align-items: center;
                            display: flex;
                            transform: translateX(-180%);
                            width: 440px;
                            height: 276px;
                            background-image: url("/imgs/ningbo/certification/图片18.png");
                            background-position: left;
                            background-size: 100% 100%;

                            .title {
                                margin-left: 8px;
                                writing-mode: vertical-rl;
                                font-family: "微软雅黑常规";
                                font-weight: 400;
                                font-size: 28px;
                                color: #FFFFFF;
                            }
                        }

                    }
                }
            }
        }
    }
}

.middle {
    display: flex;
    position: absolute;
    left: 3109px;
    top: 202px;

    .box {
        margin-left: 73px;
        display: flex;
        width: 2247px;
        height: 168px;
        background-image: url("/imgs/ningbo/t(1).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .headImg {
            margin-left: 220px;
            margin-top: 41px;
            width: 53px;
            height: 58px;
            background-image: url("/imgs/ningbo/菱形 拷贝.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .title {
            margin-left: 30px;
            margin-top: 22px;
            height: 49px;
            font-family: "微软雅黑粗体";
            font-weight: 400;
            font-size: 57px;
            color: #FFFFFF;
        }

        .content {
            display: flex;
            position: absolute;
            top: 100px;
            left: 160px;
            width: 3014px;
            height: 274px;
            flex-direction: column;
            justify-content: center;
            align-content: center;

            .text1 {
                line-height: 70px;
                letter-spacing: 2px;
                text-align: center;
                flex-wrap: wrap;
                width: 95%;
                margin-left: 100px;
                font-family: "微软雅黑粗体";
                font-size: 45px;
                color: #FFFFFF;
            }

            .text2 {
                line-height: 70px;
                letter-spacing: 2px;
                text-align: center;
                flex-wrap: wrap;
                width: 95%;
                margin-left: 100px;
                font-family: "微软雅黑粗体";
                font-size: 45px;
                color: #B4B4B4;
            }
        }
    }

    .box2 {
        display: flex;
        align-items: center;
        position: absolute;
        left: 197px;
        top: 475px;
        width: 3029px;
        height: 1268px;
        background-image: url("/imgs/ningbo/certification/组 7821 拷贝.png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .box2-1 {
            position: absolute;
            top: -10px;

            .text1 {
                width: 200px;
                font-family: "微软雅黑粗体";
                font-size: 31px;
                color: #74BBFF;
                line-height: 33px;
            }

            .text2 {
                margin-top: 20px;
                width: 489px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-2 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 563px;
            height: 111px;
            background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            position: absolute;
            top: 200px;

            .text1 {
                font-family: "微软雅黑粗体";
                width: 480px;
                font-size: 24px;
                color: #FFFFFF;
                line-height: 25px;
            }
        }

        .box2-3 {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 431px;
            height: 111px;
            background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            position: absolute;
            top: 330px;

            .text1 {
                font-family: "微软雅黑粗体";
                width: 380px;
                font-size: 24px;
                color: #FFFFFF;
                line-height: 25px;
            }
        }

        .box2-4 {
            position: absolute;
            top: 490px;

            .text1 {
                width: 200px;
                font-family: "微软雅黑粗体";
                font-size: 31px;
                color: #74BBFF;
                line-height: 33px;
            }

            .text2 {
                margin-top: 20px;
                width: 329px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-5 {
            position: absolute;
            top: 840px;

            .text1 {
                width: 200px;
                font-family: "微软雅黑粗体";
                font-size: 31px;
                color: #74BBFF;
                line-height: 33px;
            }

            .text2 {
                margin-top: 20px;
                width: 529px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-6 {
            position: absolute;
            top: 1118px;

            .text1 {
                width: 200px;
                font-family: "微软雅黑粗体";
                font-size: 31px;
                color: #74BBFF;
                line-height: 33px;
            }

            .text2 {
                margin-top: 20px;
                width: 500px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-7 {
            position: absolute;
            top: 1218px;
            left: 800px;

            .text1 {
                width: 200px;
                font-family: "微软雅黑粗体";
                font-size: 31px;
                color: #74BBFF;
                line-height: 33px;
            }

            .text2 {
                margin-top: 20px;
                width: 500px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-8 {
            position: absolute;
            top: 1045px;
            left: 1000px;

            .text1 {
                width: 500px;
                font-family: "微软雅黑粗体";
                font-size: 31px;
                color: #74BBFF;
                line-height: 33px;
            }

            .text2 {
                margin-top: 20px;
                width: 400px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-9 {
            position: absolute;
            top: 1115px;
            left: 1620px;

            .text1 {
                width: 500px;
                font-family: "微软雅黑粗体";
                font-size: 31px;
                color: #74BBFF;
                line-height: 33px;
            }

            .text2 {
                margin-top: 20px;
                width: 400px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-10 {
            position: absolute;
            top: 782px;
            left: 1720px;

            .text1 {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 110px;
                background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
                width: 500px;
                font-family: "微软雅黑粗体";
                font-size: 24px;
                color: #FFFFFF;
                line-height: 33px;
                text-align: center;
            }

            .text2 {
                margin-top: 20px;
                width: 500px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-11 {
            position: absolute;
            top: 652px;
            left: 1520px;

            .text1 {
                width: 500px;
                font-family: "微软雅黑粗体";
                font-size: 31px;
                color: #74BBFF;
                line-height: 33px;
            }

            .text2 {
                margin-top: 20px;
                width: 200px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-12 {
            position: absolute;
            top: 342px;
            left: 1580px;

            .text1 {
                display: flex;
                align-items: center;
                justify-content: center;
                height: 110px;
                background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
                width: 339px;
                font-family: "微软雅黑粗体";
                font-size: 24px;
                color: #FFFFFF;
                line-height: 33px;
                text-align: center;
            }

            .text2 {
                margin-top: 20px;
                width: 500px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-13 {
            position: absolute;
            top: 382px;
            text-align: end;
            left: 2520px;

            .text1 {
                width: 500px;
                font-family: "微软雅黑粗体";
                font-size: 31px;
                color: #74BBFF;
                line-height: 33px;
            }

            .text2 {
                margin-top: 20px;
                width: 500px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }

        .box2-14 {
            position: absolute;
            top: 839px;
            text-align: end;
            left: 2520px;

            .text1 {
                width: 500px;
                font-family: "微软雅黑粗体";
                font-size: 31px;
                color: #74BBFF;
                line-height: 33px;
            }

            .text2 {
                float: right;
                margin-top: 20px;
                width: 300px;
                font-family: "微软雅黑常规";
                font-size: 21px;
                color: #B4B4B4;
                line-height: 22px;
            }
        }
    }

    .box3 {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        position: absolute;
        left: 183px;
        top: 549px;
        display: flex;
        width: 2990px;
        height: 1495px;
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .content1 {
            justify-content: space-evenly;
            flex-wrap: wrap;
            align-items: center;
            display: flex;
            width: 630px;
            height: 1183px;
            background-image: url("/imgs/ningbo/safe/矩形 937 拷贝(3).png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .img {
                width: 632px;
                height: 360px;
            }

            .title {
                position: relative;
                text-align: center;
                top: 10px;
                width: 527px;
                font-family: "微软雅黑粗体";
                font-weight: 400;
                font-size: 42px;
                color: #FFFFFF;
            }

            .title2 {
                position: relative;
                top: -20px;
                text-align: center;
                padding: 50px;
                width: 841px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 33px;
                color: #FFFFFF;
            }

            .title3 {
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: row;
                flex-wrap: wrap;
                gap: 8px;
                width: 917px;

                .img1 {
                    height: 285px;
                    width: 589px;
                    background-image: url("/imgs/ningbo/safe/image154.GIF");
                    background-position: left;
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                }

                .img2 {
                    height: 236px;
                    width: 300px;
                    background-image: url("/imgs/ningbo/safe/image153.GIF");
                    background-position: left;
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                }

                .img3 {
                    height: 236px;
                    width: 300px;
                    background-image: url("/imgs/ningbo/safe/image162.GIF");
                    background-position: left;
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                }
            }

            /* 三列标准列表布局 */
            .standards-list {
                display: flex;
                gap: 25px;
                position: relative;
                top: -74px;

                /* 列之间的间距 */
                .standards-col {
                    flex: 1;
                    /* 三列平均分配宽度 */
                    display: flex;
                    flex-direction: column;
                    gap: 12px;
                    /* 标准项之间的间距 */
                }

                .standard-item {
                    position: relative;
                    padding-left: 12px;
                    /* 给项目符号留空间 */
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 33px;
                    color: #3CE1FF;
                    line-height: 61px;
                    font-style: italic;
                    text-decoration-line: underline;

                    .img1 {
                        width: 35px;
                        height: 32px;
                        background-image: url("/imgs/ningbo/safe/组 7811.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                        position: absolute;
                        left: 187px;
                        top: 20px;
                    }
                }
            }

            .img1 {
                width: 632px;
                height: 360px;
                background-image: url("/imgs/ningbo/newEnergy/图片1.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
        }

        .content2 {
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            gap: 30px;

            .content2-1 {
                justify-content: space-evenly;
                flex-wrap: wrap;
                align-items: center;
                display: flex;
                width: 957px;
                height: 546px;
                background-image: url("/imgs/ningbo/safe/矩形 937 拷贝(4).png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;

                .img {
                    width: 632px;
                    height: 360px;
                }

                .title {
                    position: relative;
                    text-align: center;
                    /* top: -45px; */
                    width: 527px;
                    font-family: "微软雅黑粗体";
                    font-weight: 400;
                    font-size: 42px;
                    color: #FFFFFF;
                }

                .title2 {
                    text-align: center;
                    width: 841px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 33px;
                    color: #FFFFFF;
                }

                .title3 {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    flex-direction: row;
                    flex-wrap: wrap;
                    gap: 20px;
                    width: 957px;

                    .img1 {
                        height: 236px;
                        width: 300px;
                        background-image: url("/imgs/ningbo/safe/image154.GIF");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

                    .img2 {
                        height: 236px;
                        width: 300px;
                        background-image: url("/imgs/ningbo/safe/image153.GIF");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

                    .img3 {
                        height: 236px;
                        width: 300px;
                        background-image: url("/imgs/ningbo/safe/image162.GIF");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }
                }

                /* 三列标准列表布局 */
                .standards-list {
                    display: flex;
                    gap: 25px;
                    position: relative;
                    top: -20px;

                    /* 列之间的间距 */
                    .standards-col {
                        flex: 1;
                        /* 三列平均分配宽度 */
                        display: flex;
                        flex-direction: column;
                        gap: 12px;
                        /* 标准项之间的间距 */
                    }

                    .standard-item {
                        position: relative;
                        padding-left: 12px;
                        /* width: 250px; */
                        /* 给项目符号留空间 */
                        font-family: "微软雅黑常规";
                        font-weight: 400;
                        font-size: 33px;
                        color: #3CE1FF;
                        font-style: italic;
                        text-decoration-line: underline;

                        .img1 {
                            width: 35px;
                            height: 32px;
                            background-image: url("/imgs/ningbo/safe/组 7811.png");
                            background-position: left;
                            background-size: 100% 100%;
                            background-repeat: no-repeat;
                            position: absolute;
                            left: 187px;
                            top: 20px;
                        }
                    }
                }

                .img1 {
                    width: 632px;
                    height: 360px;
                    background-image: url("/imgs/ningbo/newEnergy/图片1.png");
                    background-position: left;
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                }
            }

        }
    }

}

/* 上下浮动动画 */
@keyframes floatUpDown {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
        /* 向下移动20px */
    }
}

.right {
    display: flex;
    position: absolute;
    flex-direction: column;
    left: 6306px;
    top: 200px;
    flex-direction: column;
    width: 3014px;
    justify-content: space-between;
    align-content: center;
    gap: 20px;

    .box {
        margin-left: 73px;
        display: flex;
        width: 1652px;
        height: 168px;
        background-image: url("/imgs/ningbo/t(1).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .headImg {
            margin-left: 220px;
            margin-top: 41px;
            width: 53px;
            height: 58px;
            background-image: url("/imgs/ningbo/菱形 拷贝.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .title {
            margin-left: 30px;
            margin-top: 22px;
            height: 49px;
            font-family: "微软雅黑粗体";
            font-weight: 400;
            font-size: 57px;
            color: #FFFFFF;
        }

        .content {
            position: absolute;
            top: 1202px;
            left: 160px;
            width: 2952px;
            height: 234px;
            display: flex;
            align-items: center;
            background-image: url("/imgs/ningbo/certification/矩形 933 拷贝 3(2).png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                width: 300px;
                margin-left: 200px;
                font-family: "微软雅黑粗体";
                font-size: 44px;
                color: #FFFFFF;
                line-height: 44px;
                background: linear-gradient(0deg, rgba(46, 131, 183, 0.66) 10%, rgba(255, 255, 255, 1) 70%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
            }

            .contentTitle {
                padding: 80px;
                font-family: "微软雅黑常规";
                font-size: 38px;
                color: #FFFFFF;
            }
        }
    }

    .box2 {
        margin-left: 200px;
        display: flex;
        width: 2925px;
        gap: 20px;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;

        .content1 {
            gap: 30px;
            display: flex;
            flex-direction: column;

            .content1-1 {
                align-items: center;
                justify-content: center;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                width: 1562px;
                height: 258px;
                background-image: url("/imgs/ningbo/certification/组 2.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;

                .imgcontent {
                    display: flex;
                    flex-direction: column;

                    .img1 {
                        position: relative;
                        top: 130px;
                        left: -63px;
                        width: 258px;
                        height: 183px;
                    }

                    .img2 {
                        position: relative;
                        top: -82px;
                        left: 0px;
                        width: 138px;
                        height: 86px;
                        background-image: url("/imgs/ningbo/certification/1png.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

                    .img3 {
                        position: relative;
                        top: -118px;
                        left: 20px;
                        width: 106px;
                        height: 111px;
                        display: inline-block;
                        animation: floatUpDown 2s ease-in-out infinite;
                        background-image: url("/imgs/ningbo/certification/多.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }
                }

                .textcontent {
                    display: flex;
                    flex-direction: row;

                    .img1 {
                        position: relative;
                        top: 20px;
                        width: 25px;
                        height: 25px;
                        background-image: url("/imgs/ningbo/certification/组 7798.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

                    .title {
                        margin-left: 20px;
                        width: 1096px;
                        height: 39px;
                        font-family: "微软雅黑常规";
                        font-weight: 400;
                        font-size: 39px;
                        color: #FFFFFF;
                    }
                }
            }

            .content1-2 {
                align-items: center;
                /* justify-content: center; */
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                width: 1562px;
                height: 258px;
                background-image: url("/imgs/ningbo/certification/组 2.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;

                .imgcontent {
                    display: flex;
                    flex-direction: column;

                    .img1 {
                        position: relative;
                        top: 137px;
                        left: 14px;
                        width: 258px;
                        height: 183px;
                    }

                    .img4 {
                        position: relative;
                        top: -83px;
                        left: 87px;
                        width: 138px;
                        height: 86px;
                        background-image: url("/imgs/ningbo/certification/2.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

                    .img3 {
                        position: relative;
                        top: -111px;
                        left: 94px;
                        width: 110px;
                        height: 110px;
                        display: inline-block;
                        animation: floatUpDown 2s ease-in-out infinite;
                        background-image: url("/imgs/ningbo/certification/快.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }


                }

                .textcontent {
                    width: 1000px;
                    display: flex;
                    flex-direction: row;
                    flex-wrap: wrap;
                    position: relative;
                    transform: translateX(10%);

                    .img1 {
                        margin-left: 10px;
                        position: relative;
                        top: 20px;
                        left: -20px;
                        width: 25px;
                        height: 25px;
                        background-image: url("/imgs/ningbo/certification/组 7798.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

                    .title {
                        margin-left: 10px;
                        font-family: "微软雅黑常规";
                        font-weight: 400;
                        font-size: 39px;
                        color: #FFFFFF;
                    }
                }

            }

            .content1-3 {
                align-items: center;
                justify-content: center;
                display: flex;
                flex-direction: row;
                flex-wrap: nowrap;
                width: 1562px;
                height: 258px;
                background-image: url("/imgs/ningbo/certification/组 2.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;

                .imgcontent {
                    display: flex;
                    flex-direction: column;

                    .img1 {
                        position: relative;
                        top: 121px;
                        left: -58px;
                    }

                    .img3 {
                        position: relative;
                        top: -132px;
                        left: 37px;
                        width: 110px;
                        height: 110px;
                        display: inline-block;
                        animation: floatUpDown 2s ease-in-out infinite;
                        background-image: url("/imgs/ningbo/certification/准.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

                    .img5 {
                        position: relative;
                        top: -111px;
                        left: 22px;
                        width: 138px;
                        height: 86px;
                        background-image: url("/imgs/ningbo/certification/定位 (8).png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }


                }

                .textcontent {
                    display: flex;
                    flex-direction: column;
                    position: relative;
                    top: -20px;

                    .img1 {
                        left: -20px;
                        position: relative;
                        top: 50px;
                        width: 25px;
                        height: 25px;
                        background-image: url("/imgs/ningbo/certification/组 7798.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                    }

                    .title {
                        margin-left: 40px;
                        width: 1096px;
                        height: 39px;
                        font-family: "微软雅黑常规";
                        font-weight: 400;
                        font-size: 39px;
                        color: #FFFFFF;
                    }
                }
            }
        }

        .content2 {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;

            .img1 {
                width: 649px;
                height: 406px;
                background-image: url("/imgs/ningbo/certification/组 1.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .img2 {
                width: 649px;
                height: 406px;
                background-image: url("/imgs/ningbo/certification/组 1 拷贝 10.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .img3 {
                width: 649px;
                height: 406px;
                background-image: url("/imgs/ningbo/certification/组 1 拷贝 11.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .img4 {
                width: 649px;
                height: 406px;
                background-image: url("/imgs/ningbo/certification/组 1 拷贝 11(1).png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
        }
    }

    .box4 {
        display: flex;
        gap: 60px;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-left: 200px;
        justify-content: space-between;
        position: relative;
        top: 240px;

        .content1 {
            display: flex;
            justify-content: space-around;
            align-items: center;
            width: 2888px;
            height: 47px;
            background-image: url("/imgs/ningbo/certification/三角形 824.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .btn1 {
                font-family: "微软雅黑常规";
                font-size: 31px;
                color: #FFFFFF;
                text-align: center;
                line-height: 77px;
                width: 224px;
                height: 77px;
                background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .btn2 {
                font-family: "微软雅黑常规";
                font-size: 31px;
                color: #FFFFFF;
                text-align: center;
                line-height: 77px;
                width: 224px;
                height: 77px;
                background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .btn3 {
                font-family: "微软雅黑常规";
                font-size: 31px;
                color: #FFFFFF;
                text-align: center;
                line-height: 77px;
                width: 224px;
                height: 77px;
                background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .btn4 {
                font-family: "微软雅黑常规";
                font-size: 31px;
                color: #FFFFFF;
                text-align: center;
                line-height: 77px;
                width: 224px;
                height: 77px;
                background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .btn5 {
                font-family: "微软雅黑常规";
                font-size: 31px;
                color: #FFFFFF;
                text-align: center;
                line-height: 77px;
                width: 224px;
                height: 77px;
                background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .btn6 {
                font-family: "微软雅黑常规";
                font-size: 31px;
                color: #FFFFFF;
                text-align: center;
                line-height: 77px;
                width: 224px;
                height: 77px;
                background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }

            .btn7 {
                font-family: "微软雅黑常规";
                font-size: 31px;
                color: #FFFFFF;
                text-align: center;
                line-height: 77px;
                width: 224px;
                height: 77px;
                background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
        }

        .content2 {
            gap: 20px;
            width: 2888px;
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;

            .content1-1 {
                display: flex;
                flex-direction: column;
                /* 垂直排列 */
                justify-content: space-around;
                /* 子项垂直均匀分布 */
                align-items: center;
                padding: 15px;
                gap: 10px;
                /* 按钮之间的间距 */
                width: 399px;
                height: 345px;
                background-image: url("/imgs/ningbo/certification/组 7816.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;

                .text1 {
                    text-align: center;
                    width: 250px;
                    line-height: 35px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text2 {
                    text-align: center;
                    width: 250px;
                    line-height: 35px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text3 {
                    text-align: center;
                    width: 250px;
                    line-height: 35px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }
            }

            .content1-2 {
                display: flex;
                flex-direction: column;
                /* 垂直排列 */
                justify-content: space-around;
                /* 子项垂直均匀分布 */
                align-items: center;
                padding: 15px;
                gap: 10px;
                /* 按钮之间的间距 */
                width: 399px;
                height: 345px;
                background-image: url("/imgs/ningbo/certification/组 7816.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;

                .text1 {
                    text-align: center;
                    width: 250px;
                    line-height: 71px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text2 {
                    text-align: center;
                    width: 250px;
                    line-height: 35px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text3 {
                    text-align: center;
                    width: 250px;
                    line-height: 35px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }
            }

            .content1-3 {
                display: flex;
                flex-direction: column;
                /* 垂直排列 */
                justify-content: space-around;
                /* 子项垂直均匀分布 */
                align-items: center;
                padding: 15px;
                gap: 10px;
                /* 按钮之间的间距 */
                width: 399px;
                height: 242px;
                background-image: url("/imgs/ningbo/certification/组 7818.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;

                .text1 {
                    text-align: center;
                    width: 250px;
                    line-height: 0.6px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text2 {
                    text-align: center;
                    width: 250px;
                    line-height: 0.8px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }
            }

            .content1-4 {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                /* 垂直排列 */
                justify-content: space-between;
                /* 子项垂直均匀分布 */
                align-items: center;
                padding: 15px;
                gap: 10px;
                /* 按钮之间的间距 */
                width: 825px;
                height: 345px;
                background-image: url("/imgs/ningbo/certification/组 7819.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;

                .text1 {
                    text-align: center;
                    width: 360px;
                    line-height: 50px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text2 {
                    line-height: 25px;
                    text-align: center;
                    width: 360px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text3 {
                    line-height: 25px;
                    text-align: center;
                    width: 360px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text4 {
                    line-height: 25px;
                    text-align: center;
                    width: 360px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .content1-4-1 {
                    display: flex;
                    flex-direction: row;
                    justify-content: space-around;
                    align-items: center;

                    .text1 {
                        text-align: center;
                        width: 420px;
                        line-height: 25px;
                        font-family: "微软雅黑常规";
                        font-weight: 400;
                        font-size: 25px;
                        color: #FFFFFF;
                    }

                    .text2 {
                        background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                        text-align: center;
                        width: 150px;
                        height: 45px;
                        font-family: "微软雅黑常规";
                        font-weight: 400;
                        line-height: 50px;
                        font-size: 25px;
                        color: #FFFFFF;
                    }

                    .text3 {
                        background-image: url("/imgs/ningbo/certification/矩形 937 拷贝 4.png");
                        background-position: left;
                        background-size: 100% 100%;
                        background-repeat: no-repeat;
                        text-align: center;
                        width: 150px;
                        height: 45px;
                        font-family: "微软雅黑常规";
                        font-weight: 400;
                        line-height: 50px;
                        font-size: 25px;
                        color: #FFFFFF;
                    }
                }
            }

            .content1-5 {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                /* justify-content: space-between; */
                align-items: center;
                padding: 39px;
                /* gap: 10px; */
                /* 按钮之间的间距 */
                width: 399px;
                height: 242px;
                background-image: url("/imgs/ningbo/certification/组 7820.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;

                .text1 {
                    position: relative;
                    top: -10px;
                    text-align: center;
                    width: 120px;
                    line-height: 35px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text2 {
                    position: relative;
                    top: -10px;
                    left: 50px;

                    text-align: center;
                    width: 150px;
                    line-height: 35px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text3 {
                    position: relative;
                    top: 13px;
                    text-align: center;
                    width: 120px;
                    line-height: 35px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text4 {
                    position: relative;
                    top: 13px;
                    left: 55px;
                    text-align: center;
                    width: 140px;
                    line-height: 35px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }
            }

            .content1-6 {
                display: flex;
                flex-direction: column;
                /* 垂直排列 */
                justify-content: space-around;
                /* 子项垂直均匀分布 */
                align-items: center;
                padding: 15px;
                gap: 10px;
                /* 按钮之间的间距 */
                width: 399px;
                height: 242px;
                background-image: url("/imgs/ningbo/certification/组 7818.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;

                .text1 {
                    position: relative;
                    top: -2px;
                    text-align: center;
                    width: 250px;
                    line-height: 35px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }

                .text2 {
                    position: relative;
                    top: -15px;
                    text-align: center;
                    width: 280px;
                    /* line-height: 0.8px; */
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 25px;
                    color: #FFFFFF;
                }
            }
        }
    }
}
</style>